{% load menu %}
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Document</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap/css/bootstrap.css' %}"/>
    <link rel="stylesheet" href="{% static 'plugins/font-awesome/css/font-awesome.min.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/commons.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/menu.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/nav.css' %}"/>
    <link rel="stylesheet" href="{% static 'css/search-group.css' %}">
    {% block css %}{% endblock %}
</head>
<body>
<div class="pg-header">
    <div class="nav">
        <div class="logo-area left" style="float: left;">
            <a href="{% url 'home' %}"><span style="font-size: 18px;">Alter的管理平台</span></a>
        </div>
        <div class="right-menu right clearfix" style="float: right;">
            <div class="user-info right">
                <a href="#" class="avatar" style="text-decoration: none;">
                    <span style="color: white;margin-right: 5px;">{{ request.wl_user.name }}</span>
                    <img class="img-circle" style="width: 35px;height: 35px;" src="{% static 'images/default.png' %}"/>
                </a>

                <div class="more-info">
                    <a href="{% url 'logout' %}" class="more-item">注销</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pg-body">
    <div class="left-menu">
        {% wl_menu request %}
    </div>
    <div class="right-body">
        <ol class="breadcrumb">
            {% for text in request.wl_user.text_list %}
                <li>
                    <a href="" style="text-decoration: none;cursor: default;">{{ text }}</a>
                </li>
            {% endfor %}
        </ol>
        <div style="padding: 10px 20px;">
            {% block content %}
            {% endblock %}
        </div>
    </div>
</div>
<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap/js/bootstrap.js' %}"></script>
<script src="{% static 'js/toggleMenu.js' %}"></script>
{% block js %}{% endblock %}
</body>
</html>
